<template>
  <div class="hello">
    <h1>填写信息详情</h1>
    <ul>
      <li>姓名：{{ formData.name }}</li>
      <li>年龄：{{ formData.age }}</li>
      <li>邮箱：{{ formData.email }}</li>
    </ul>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'FormDetail',
  computed: {
    formData() {
        const query = this.$route.query.formData as string;
        return JSON.parse(query || '{}');
    }
  }
});
</script>

<style scoped lang="less">
ul {
  list-style-type: none;
  padding: 0;
  li {
    margin: 15px 0;
    font-size: 16px;
  }
}
</style>